/*Reset Css*/
@charset "utf-8";
.un-line{
	text-decoration:underline
}
/****************page-1**************/
.caption-box{width:80%;left:50%;margin-left:-40%;padding-top:5%;}
.caption-box .caption-icon{width:100%;margin:2% auto}
.caption-box .caption02{width:40%;margin:2% auto}
/*向下箭头*/
.down01{
	position: absolute;
	bottom: 1%;
	font-size:12px;
	/* width: 22px;*/
	height: 20px;
	margin-top: -25px;
	z-index: 10;
	/*background-image: url(../images/arrow.png);*/
	left: 50%;
	color:#666;
	/*margin-left: -7.5px;*/
	background-size: 22px 15px;
	background-position: center;
	background-repeat: no-repeat;
	transform:translateX(-50%);
	/*transform:rotate(180deg);*/
	animation:down01 1.5s infinite linear alternate;
	-webkit-animation:down01 1.5s infinite linear alternate;
	}
	@keyframes down01{
		0% {/*transform:translateY(0px);-webkit-transform:translateY(0px);*/opacity:0.1;-webkit-opacity:0.1}
		100% {/*transform:translateY(20px);-webkit-transform:translateY(20px);*/opacity:1;-webkit-opacity:1}
	}
	@-webkit-keyframes down01{
		0% {/*transform:translateY(0px);-webkit-transform:translateY(0px);*/opacity:0.1;-webkit-opacity:0.1}
		100% {/*transform:translateY(20px);-webkit-transform:translateY(20px);*/opacity:1;-webkit-opacity:1}
	}
.pg1-1{
	top:0;
	left:0;
	width:60%;
	z-index:9
}
.apg1-1{
	animation:apg1-1 3s infinite linear alternate;
}
@keyframes apg1-1{
	0% {transform:rotate(0deg) scale(1);}
	100% {transform:rotate(1deg) scale(1.05,1);}
}
.pg1-2{
	top:0;
	left:0;
	width:100%;
	z-index:2
}
.pg1-3{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.apg1-3{
	animation:apg1-3 20s infinite linear alternate;
}
@keyframes apg1-3{
	0% {transform:scale(1) rotate(0deg);}
	100% {transform:scale(1.2) rotate(5deg);}
}
.pg1-4{
	top:15%;
	left:50%;
	margin-left:-40%;
	width:80%;
	z-index:3;
}
.pg1-5{
	top:22%;
	width:100%;
	z-index:3;
}
.pg1-51{
	top:0;
	left:20%;
	width:40%;
	z-index:3;
	animation:apg5-1 10s infinite linear alternate;
}
.pg1-52{
	top:0;
	width:100%;
	z-index:3;
}
@keyframes apg5-1{
	0% {transform:scale(.8) rotate(0deg);}
	100% {transform:scale(1.02) rotate(45deg);}
}
.pg1-53{
	top:0;
	right:10%;
	width:40%;
	z-index:3;
	animation:apg5-1 15s 1s infinite linear alternate;
}
.pg1-6{
	top:28%;
	left:50%;
	margin-left:-40%;
	width:80%;
	z-index:3;
}
.pg1-6 img{display:inline-block;width:49%;}
/*华表*/
.pg1-7{
	left:0;
	bottom:5%;
	width:40%;
	z-index:3;
}
/*城楼*/
.pg1-8{
	left:0;
	bottom:4%;
	width:85%;
	z-index:4;
}
/*红缎带*/
.pg1-9{
	left:0;
	bottom:-2%;
	width:100%;
	z-index:4;
}
.pg1-10{
	left:0;
	bottom:5%;
	width:100%;
	z-index:1;
}
/*鸽子*/
.pg1-11{
	right:0;
	bottom:15%;
	width:50%;
	z-index:1;
}
.pg1-12{
	left:0;
	bottom:0px;
	margin-left:-80%;
	margin-bottom:-120%;
	width:150%;
	height:150%;
	z-index:3;
}
.pg1-12 img{
	width:100%;
	height:100%;
	animation:apg1-12 10s 2s infinite linear;
	-webkit-animation:apg1-12 10s 2s infinite linear;
}
@keyframes apg1-12{
	0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes apg1-12{
	0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
.pg1-13{
	left:50%;
	bottom:3%;
	width:95%;
	margin-left:-45%; 
	color:#fff;
	font-size:0.2rem;
	text-align:left;
	z-index:4;
	font-weight:bold;
}
.pg1-14{
	left:50%;
	top:48%;
	width:24%;
	margin-left:-12%;
	z-index:4;
	font-family:'SimHei';
}
/*顶帘*/
.pg2-1{
	top:0;
	left:0;
	width:100%;
	z-index:9;
}
.pg2-2{
	top:0;
	left:-2%;
	height:100%;
	z-index:5;
}
.pg2-3{
	top:0;
	right:-2%;
	height:100%;
	z-index:5;
}
.pg2-4{
	top:12%;
	left:50%;
	margin-left:-20%;
	width:40%;
	z-index:4;
}
.pg2-5{
	bottom:0;
    right:5%;
    width:45%;
    z-index: 1;
}
.pg2-6{
	top: 4%;
    left: 50%;
    margin-left: -24%;
    width: 48%;
    z-index: 2;
}
.pg2-7{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.pg2-71{
	top:0;
	left:0;
	width:50%;
	height:100%;
}
.pg2-72{
	top:0;
	right:0;
	width:50%;
	height:100%;
}
.swiper-slide-active .pg2-71{
	left:-50%;
	transition:left 1s 1s;
	-webkit-transition:left 1s 1s;
}
.swiper-slide-active .pg2-72{
	right:-50%;
	transition:right 1s 1s;
	-webkit-transition:right 1s 1s;
}
.pg2-8{
	left:50%;
	bottom:5%;
	margin-left:-35%;
	width:70%;
	height:10.5rem;
	z-index:2;
}
.pg2-8 img{
	width:100%;
}
.pg2-12{
	bottom:0;
	left:0;
	width:30%;
	z-index:4;
}
.pg2-13{
	bottom:0;
	left:0;
	width:100%;
	z-index:2;
}
.pg2-14{
	top:10%;
	right:0;
	width:90%;
	height:400px;
	z-index:2;
}
.pg2-14 img{
	width:100%;
	height:100%;
	animation:apg1-14 10s 2s infinite linear alternate;
}
@keyframes apg1-14{
	0% {transform:scale(1) rotate(0deg);}
	50% {transform:scale(0.8) rotate(0deg);}
	100% {transform:scale(1.02) rotate(45deg);}
}
.pg2-8 .pg2-15{
	right:8%;
	bottom:32%;
	width:30%;
	animation:apg1-15 1s infinite linear ;
	-webkit-animation:apg1-15 1s infinite linear ;
}
@keyframes apg1-15{
	0% {right:10%;opacity:0}
	100%{right:6%;opacity:1}
}
@-webkit-keyframes apg1-15{
	0% {right:10%;opacity:0}
	100%{right:6%;opacity:1}
}
.pg3-1{
	width:100%;
	height:100%;
}
.bg6{
	background:url('../images/pg5_1.jpg') no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
}
.pg3-2{
	top:0;
	left:0;
	width:60%;
	z-index:2;
}
.pg3-3{
	top:15%;
	left:0%;
	width:50%;
	z-index:2;
}
.pg3-4{
	top:20%;
	left:7%;
	width:65%;
	z-index:2;
}
.pg3-4 img{
	float: left;
    width: .40rem;
    margin-left: .15rem;
    display: inline-block;
}
.pg3-5{
	top:40%;
	left:13%;
	width:7%;
	z-index:2;
}
.pg3-6{
	bottom:1%;
	left:0;
	width:50%;
	z-index:2;
}
.pg3-7{
	bottom:0;
	left:0;
	width:100%;
	z-index:3;
}
.pg3-8{
	bottom:0;
	right:0;
	width:48%;
	z-index:2;
}
.pg3-9{
	top:15%;
	right:7%;
	width:1.2rem;
}
.pg3-9 img{
	width:1.2rem;
	height:1.2rem;
}
.pg3-10{
	top:22%;
	right:20%;
	width:1.2rem;
}
.pg3-10 img{
	width:1.2rem;
	height:1.2rem;
}
.pg5-2{
	top:13%;
	left:50%;
	margin-left: -40%;
    width: 80%;
	z-index:4;
}
.pg5-3{
	top:25%;
	left:50%;
	margin-left:-40%;
	width:80%;
	z-index:4;
}
.apg5-42{
	animation:dianZan 1s infinite linear alternate;
	-webkit-animation:dianZan 1s infinite linear alternate;
}
.pg5-5{
	bottom:7%;
	left:50%;
	margin-left:-40%;
	width:80%;
	text-align:center;
	font-size:0.4rem;
	line-height:0.6rem;
	color:#a40000;
	z-index:4;
}
.pg5-6{
	top:10%;
	left:5%;
	width:20%;
	animation:yanhua 5s infinite linear;
	-webkit-animation:yanhua 5s infinite linear;
	z-index:5;
}
.pg5-7{
	top:6%;
	left:42%;
	width:20%;
	animation:yanhua 10s infinite linear;
	-webkit-animation:yanhua 10s infinite linear;
	z-index:5;
}
.pg5-8{
	top:15%;
	left:75%;
	width:20%;
	animation:yanhua 3s infinite linear;
	-webkit-animation:yanhua 3s infinite linear;
	z-index:5;
}
.pg5-9{
	top:15%;
	left:25%;
	width:20%;
	animation:yanhua 1s infinite linear;
	-webkit-animation:yanhua 1s infinite linear;
	z-index:5;
}
.pg5-10{
	top:15%;
	left:50%;
	width:50%;
	margin-left:-25%;
	animation:yanhua 2s infinite linear;
	-webkit-animation:yanhua 2s infinite linear;
	z-index:5;
}
.pg5-11{
	top:20%;
	left:10%;
	width:40%;
	margin-left:-20%;
	animation:yanhua 3s 0.5s infinite linear;
	-webkit-animation:yanhua 3s 0.5s infinite linear;
	z-index:5;
	opacity:0;
}
.pg5-12{
	top:18%;
	right:-2%;
	width:45%;
	margin-left:-22.5%;
	animation:yanhua 3s infinite linear;
	-webkit-animation:yanhua 3s infinite linear;
	z-index:5;
	opacity:0;
}
.pg5-13{
	top: 88%;
    left: 41%;
    width: 13%;
    margin-left: -22.5%;
    z-index:8;
}
@keyframes dianZan{
	0% {transform:scale(1);-webkit-transform:scale(1);}
	100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@-webkit-keyframes dianZan{
	0% {transform:scale(1);-webkit-transform:scale(1);}
	100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes yanhua{
	0% {transform:scale(0.2);-webkit-transform:scale(0.2);opacity:1;-webkit-opacity:1}
	100% {transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0}
}
@-webkit-keyframes yanhua{
	0% {transform:scale(0.2);-webkit-transform:scale(0.2);opacity:1;-webkit-opacity:1}
	100% {transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0}
}
.pg1-63{
	right:17%;
	top:5px;
	width:1.2rem;
	height:1.2rem;
	z-index:5;
}
.xin1{
	top:0;
	left:0;
	animation:xin1 4s forwards linear;
	-webkit-animation:xin1 4s forwards linear;
}
@keyframes xin1{
	0% {top:0;left:10px;}
	10% {top:-50%;left:50%;}
	40% {top:-150%;left:100%;}
	50% {top:-200%;left:100%;}
	60% {top:-250%;left:100%;}
	70% {top:-300%;left:100%;}
	80% {top:-350%;left:100%;opacity:1}
	90% {top:-450%;left:100%;opacity:0.5}
	100% {top:-550%;left:100%;opacity:0}
}
@-webkit-keyframes xin1{
	0% {top:0;left:10px;}
	10% {top:-50%;left:50%;}
	40% {top:-150%;left:100%;}
	50% {top:-200%;left:100%;}
	60% {top:-250%;left:100%;}
	70% {top:-300%;left:100%;}
	80% {top:-350%;left:100%;opacity:1}
	90% {top:-450%;left:100%;opacity:0.5}
	100% {top:-550%;left:100%;opacity:0}
}
.xin2{
	top:0;
	left:0;
	animation:xin2 3s forwards linear;
	-webkit-animation:xin2 3s forwards linear;
}
@keyframes xin2{
	0% {top:0;left:0;}
	10% {top:-50%;left:-50%;}
	40% {top:-150%;left:-100%;}
	50% {top:-200%;left:-200%;}
	60% {top:-250%;left:-250%;}
	70% {top:-350%;left:-250%;}
	80% {top:-450%;left:-250%;opacity:1}
	90% {top:-600%;left:-300%;opacity:0.5}
	100% {top:-650%;left:-300%;opacity:0}
}
@-webkit-keyframes xin2{
	0% {top:0;left:0;}
	10% {top:-50%;left:-50%;}
	40% {top:-150%;left:-100%;}
	50% {top:-200%;left:-200%;}
	60% {top:-250%;left:-250%;}
	70% {top:-350%;left:-250%;}
	80% {top:-450%;left:-250%;opacity:1}
	90% {top:-600%;left:-300%;opacity:0.5}
	100% {top:-650%;left:-300%;opacity:0}
}
.xin3{
	top:0;
	left:0;
	animation:xin3 2s forwards linear;
	-webkit-animation:xin3 2s forwards linear;
}
@keyframes xin3{
	0% {top:0;left:0;}
	10% {top:-50%;left:80%;}
	40% {top:-150%;left:120%;}
	50% {top:-200%;left:160%;}
	60% {top:-300%;left:200%;}
	70% {top:-450%;left:200%;}
	80% {top:-650%;left:200%;opacity:1}
	90% {top:-700%;left:200%;opacity:0.5}
	100% {top:-800%;left:200%;opacity:0}
}
@-webkit-keyframes xin3{
	0% {top:0;left:0;}
	10% {top:-50%;left:80%;}
	40% {top:-150%;left:120%;}
	50% {top:-200%;left:160%;}
	60% {top:-300%;left:200%;}
	70% {top:-450%;left:200%;}
	80% {top:-650%;left:200%;opacity:1}
	90% {top:-700%;left:200%;opacity:0.5}
	100% {top:-800%;left:200%;opacity:0}
}
.xin4{
	top:0;
	left:0;
	width:0.5rem;
	height:0.5rem;
	animation:xin4 3s forwards linear;
	-webkit-animation:xin4 3s forwards linear;
}
@keyframes xin4{
	0% {top:0;left:0;}
	10% {top:-50%;left:0;}
	40% {top:-150%;left:0;}
	50% {top:-200%;left:0;}
	60% {top:-250%;left:0;}
	70% {top:-300%;left:0;}
	80% {top:-350%;left:0;opacity:1}
	90% {top:-450%;left:0;opacity:0.5}
	100% {top:-550%;left:0;opacity:0}
}
@-webkit-keyframes xin4{
	0% {top:0;left:0;}
	10% {top:-50%;left:0;}
	40% {top:-150%;left:0;}
	50% {top:-200%;left:0;}
	60% {top:-250%;left:0;}
	70% {top:-300%;left:0;}
	80% {top:-350%;left:0;opacity:1}
	90% {top:-450%;left:0;opacity:0.5}
	100% {top:-550%;left:0;opacity:0}
}
.zan{
	width:0.8rem;
	height:0.8rem;
}
.zan img{
	width:100%;
	height:auto;
}
.zan-cover{
	width:100%;
	height:100%;
	z-index:9;
	display:none;
}
.zan-cover1{
	top:15%;
	left:50%;
	margin-left:-42.5%;
	width:85%;
	height:12rem;
}
.zan-cover1 .pgz-1{
	width:100%;
	height:100%;
}
.zan-cover1 .pgz-2{
	top:1%;
	left:50%;
	width:90%;
	margin-left:-45%;
}
.zan-cover1 .pgz-3{
	top:68%;
	left:50%;
	width:90%;
	margin-left:-45%;
	z-index:3;
}
.pgz-3 img{
	width:35%;
}
.pgz-3 span{
	color:#e10013;
	font-size:1.5rem;
}
.pgz-5{
	bottom:9%;
	left:50%;
	width:30%;
	margin-left:-15%;
	z-index:3;
	font-weight:bold;
	font-size:0.5rem;
	color:#434343;
}
.pgz-6{
	bottom:0;
	left:50%;
	width:120%;
	margin-left:-60%;
}
/*礼盒雨*/
.page_rain{
	background:red;
	width:100%;
	height:100%;
	background-size: cover;
	min-height: 100%;
	z-index:10;
}
.eggs-box{
	width:8rem;
	height:5rem;
}
.eggs-box li{
	width:4rem;
	height:5rem;
}
.egg1{
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.egg2{
	top:5%;
	left:50%;
	width:64%;
	margin-left:-32%;
}
.egg3{
	top:20%;
	left:50%;
	margin-left:-4rem;
	width:8rem;
	height:10rem;
	/*background:rgba(255,255,255,0.7);*/
	border-radius:4px;
	/*background: url(../images/bg_redrain.png) no-repeat;*/
	background-size: cover;
}
.egg img{
	width:100%;
	height:auto;
}
.egg .e-chuizi{
	top:0;
	right:-0.2rem;
	width:2rem;
	height:auto;
	animation:aChui 0.5s linear forwards;
	-webkit-animation:aChui 0.5s linear forwards;
	display:none;
}
@keyframes aChui{
	0% {transform:rotate(55deg);-webkit-transform:rotate(55deg);}
	100%{transform:rotate(-24deg);-webkit-transform:rotate(-24deg);}
}
@-webkit-keyframes aChui{
	0% {transform:rotate(55deg);-webkit-transform:rotate(55deg);}
	100%{transform:rotate(-24deg);-webkit-transform:rotate(-24deg);}
}
.page_rain .chuai_box{
	width: 100%;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0);
	text-align: center;
	text-align: -webkit-center;
	z-index:3;
}
.chuai{
	width:100%;
	top:10%;
	left:50%
	margin-left:-45%;
	z-index:4;
}
.chuai img{
	width:100%;
	height:auto;
}
.zd-close{
	text-align:center;
	font-size:0.5rem;
	color:#434343;
	width:2rem;
	left:50%;
	margin-left:-1rem;
	bottom:0.8rem;
	font-weight:bold;
	z-index:5;
}
.div{
	/*width: 100%;
	min-height:100%;
	position: relative;
	overflow: hidden;*/
}

.bg_2{
	width:100%;
	height:100%;
	/*background: url(../images/bg_redrain2.png) no-repeat;*/
	background-size: cover;
}
.div > div{
	width: 80px;
	height: 90px;
	position: absolute;
	top: 0;
	right: 0;
	/*background: red;*/
	/*background: url(../images/test_package.png) no-repeat;
	background-size: 100%;*/
	background-image: url(../images/icon_package.png);
	background-repeat: no-repeat;
	background-size: 155px 215px;
	background-position: 0px -1px;
	/*background-position: 0px -100px;*/
	
}
.aEgg{
	animation:aEgg 1s infinite linear alternate;
	-webkit-animation:aEgg 1s infinite linear alternate;
}
@keyframes aEgg{
	0% {transform:scale(1);-webkit-transform:scale(1);}
	100%{transform:scale(1.03);-webkit-transform:scale(1.03);}
}
@-webkit-keyframes aEgg{
	0% {transform:scale(1);-webkit-transform:scale(1);}
	100%{transform:scale(1.03);-webkit-transform:scale(1.03);}
}

.icon-box{bottom:0;width:100%;padding:8% 0;box-sizing:border-box;}
.icon-con{width:100%;height:100%;}
.icon-list{height:20%;width:33.333333333333333%;}
.icon-list a{display:block;width:100%;height:100%}
.icon-img{width:50%;height:auto;margin:6% auto 3%}
.icon-txt{text-align:center;font-size:0.4rem}